<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
    <title>Bootstrap -  first page</title>
</head>
<body style="margin:20px">
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-3 col-md-5 col-lg-4">  <!-- 左侧边栏-->
            <h1>News</h1>
            <h1>Blog</h1>
            <h1>About</h1>
        </div>
        <div class="col-xs-12 col-sm-9 col-md-7 col-lg-8">  <!-- 右侧边栏-->
            <p>Please tests this page in various screen size.</p>
        </div>
    </div>
</div>
<script src="../js/jquery.js"></script>		<!--jQuery应该放在前面优先加载-->
<script src="../bootstrap/js/bootstrap.js"></script>
</body>
</html>